Make Interactive Art with Code

Create interactive artworks using coding with Javascript

Coding is such a creative subject! With a bit of code (and a little maths!) you can bend shapes and colours and get them to interact with your mouse movements. Learn how to control your shapes and then use your imagination to craft your art work.


Table of Contents

  1. Create interactive artworks using coding with Javascript
  2. The P5 coding environment
  3. Art, maths and code
  4. Drawing art with code
  5. Challenges
  6. Reference

Overview

This activity is suitable for kids aged 10+ or adults with some experience of coding with any text-based language (e.g. Python or Javascript). Some of the coding concepts may be complex, but sample code is provided which will allow less experienced students to experiment with just minimal code changes.

It will take approximately 2 hours to complete the activity. On completion there are additional activities for the more curious students.

No special equipment is needed - just your computer with internet access.

In this activity...

Here's an example of the sort of thing we will create:

Table of Contents

  1. Create interactive artworks using coding with Javascript
  2. The P5 coding environment
  3. Art, maths and code
  4. Drawing art with code
  5. Challenges
  6. Reference